<div style="font-size: 20px;text-align: center;margin-bottom: 12px;">
    <d-button dTooltip bsStyle="common" [content]="'Add a new user!'" [position]="'right'">
        <i class="icon-add-member" (click)="openAddUserDialog()" style="cursor: pointer;"></i>
    </d-button>
    <!-- <i dTooltip class="icon-add-member" (click)="openAddUserDialog()" style="cursor: pointer;"></i> -->
</div>
<d-operable-tree #operableTree [tree]="data1" [treeNodeIdKey]="'id'" [treeNodeChildrenKey]="'children'"
    [editable]="true" [deletable]="true" (nodeEdited)="onOperableNodeEdited($event)"
    (nodeSelected)="onNodeSelected($event)" (nodeDeleted)="onNodeDeleted($event)" (nodeToggled)="onNodeToggled($event)"
    [beforeDeleteNode]="beforeDeleteNode" [beforeEditNode]="beforeEditNode" (editValueChange)="editValueChange($event)">
</d-operable-tree>
<d-toast [value]="msgs" [life]="3000"></d-toast>